<template>
    <div class="header-container h-[60px]  flex items-center justify-between" id="headerBar">
        <div>左边</div>
        <div>
            <el-input class="h-[40px]" placeholder="请输入你想搜索的内容"></el-input>
        </div>
        <div>右边</div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.header-container {
    border-bottom: 1px solid #ddd;
}
</style>